<style>
    .form-copy {
        margin-right: 5px;
        border-radius: 0;
        box-shadow: none;
        padding: 4px 12px 7px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border: 1px solid #ccc;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .select2 {
        margin-right: 5px
    }
</style>

<div class="btn-group" style="margin-right: 10px">
    <form action="{{ $action }}" pjax-container method="get">
        <input type="text" class="form-copy" style=" width:150px;" name="delivery_no" value="{{ $filtersBlade['delivery_no'] }}" placeholder="发货单号">
        <select id="warehouse_id" name="warehouse_id">
            {{ $filtersBlade['warehouse_id'] }}
        </select>
        <select id="area_id" name="area_id">
            {{ $filtersBlade['area_id'] }}
        </select>
        <select id="seller_id" name="seller_id">
            {{ $filtersBlade['seller_id'] }}
        </select>
        <select id="status" name="status">
            {{ $filtersBlade['status'] }}
        </select>
        <select id="transport_status" name="transport_status">
            {{ $filtersBlade['transport_status'] }}
        </select>
        <input type="text" class="form-copy" style="width:150px;" name="sku" value="{{ $filtersBlade['sku'] }}" placeholder="SKU信息">
        <input style="width: 110px;" type="text" id="start_date" name="start_date" value="{{ $filtersBlade['start_date'] }}" class="form-copy" placeholder="发货开始日期">
        <input style="width: 110px;" type="text" id="end_date" name="end_date" value="{{ $filtersBlade['end_date'] }}" class="form-copy" placeholder="发货截止日期">
        <button class="btn btn-sm btn-info submit"><i class="fa fa-search"></i>&nbsp;&nbsp;{{ trans('admin.search') }}</button>
        <a style="margin-left: 10px;" href="{{ $action }}" class="btn btn-sm btn-default"><i class="fa fa-undo"></i>&nbsp;&nbsp;{{ trans('admin.reset') }}</a>
    </form>
</div>
<script language="JavaScript" type="text/javascript">
    $(function () {
        $('#warehouse_id').select2({placeholder: '目的仓库', allowClear: true, width: '150px'});
        $('#area_id').select2({placeholder: '发货站点', allowClear: true, width: '100px'});
        $('#seller_id').select2({placeholder: '销售员', allowClear: true, width: '120px'});
        $('#status').select2({placeholder: '状态', allowClear: true, width: '100px'});
        $('#transport_status').select2({placeholder: '运输状态', allowClear: true, width: '100px'});
        $('#start_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","maxDate":moment()});
        $('#end_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","maxDate":moment()});
    });
</script>
